<template>
  <div id="monitor">
    <Title>
        <template #title>
            监控信息
        </template>
    </Title>

    <Space>
        监控名称：
    <Select v-model="model" style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>
    </Space>

    <Space>
        监控位置：
    <Select v-model="model" style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>
    </Space>

    <div class="monitor">
        <img src="../assets/img/1.jpg" alt="" srcset="" class="monitorimg">
    </div>
  </div>
</template>

<script>
import Title from '@/components/device/Title.vue';
import {Space,Select,Option} from 'view-ui-plus'
export default {
    name:'monitor',
    components:{
        Title,Space,Select,Option
    }
}
</script>

<style lang="less" scoped>
.monitor{
    width: 100%;
    padding: 2rem;
    margin: 0 auto;
    text-align:center;
    .monitorimg{
    width: 80%;

}
}
</style>